Image on Neocities!

Welcome to the Neocities tutorial! Today we will be learning about...

Images!

So have fun to learn some of the things about images!

Tutorial

Neocities is one of the recommended websites to create your own site!

This is an image. It may look like an image, but to do it, let me show you how!

IMG1
img src="Your_Image" alt="ShortIMGname" width="100" height="100"

If you're not familiar with what this means, let me explain it here:

img

is an image tag used for displaying images. Make sure your image file has an extension like ".png" or any other image file extension. Here's an example:

Make sure not to change the file extension, or the image will no longer load!

src

The src attribute is short for "source," which defines the location of the image file. Here's an easy example:

img src="neocities.png"

The src attribute loads the image!

alt="ShortIMGname"

The alt attribute is used to give a short description for the image. It's good practice to make the alt name short and easy to remember. Here’s an example:

Examples:

AltName

Next, let's talk about an important aspect: sizing!

Width and Height

width="number" height="number"

Width and height are crucial for adjusting the size of an image. You can use them to make an image smaller. Here are some examples:

width="100" height="100"

If the width and height are the same, the image will become a square!

Thank you for learning here! We hope to see you soon!